<!DOCTYPE html>
<head>
	<!--Page Title-->
	<title>New Wind</title>
	<!--Meta Tags-->
	<meta charset="utf-8" />
	<meta name="keywords" content="thiết kế website" />
	<meta name="description" content="thiết kế website - tạo dựng thành công cho bạn" />
	<!-- Set Viewport-->
	<meta name="viewport" content="user-scalable=no,initial-scale=1.0, maximum-scale=1.0 width=device-width" />
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <!-- Google Web Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Shadows+Into+Light|Oswald:400,300,700" rel="stylesheet" type="text/css">
	<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
    

	<!--Fav and touch icons-->
	<link rel="apple-touch-icon" href="img/favicons/apple-touch-icon.png">
</head>
<body id="home">
	<!-- head-section -->
	<div id="head-section">
    	<div class="line-bg-head-section"></div>
		<div class="container">
			<div class="slider">
				<div class="flexslider">
		          <ul class="slides">
	            	<li id="slide-1">
	  	    	    	<h1>Chào Mừng Đến Với New Wind</h1>
	  	    	    	<div class="slidedescription">Chúng tôi hy vọng sẽ đáp ứng được nhu cầu khắt khe về những dịch vụ của quý khách.</div>
	  	    	    	<!-- Social Icons Starts -->
                  <div class="social-icons center">
                        <div class="sixteen columns">
                              <ul class="ch-grid">
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-1"></div>
                                                      <div class="ch-info-back"> <img src="img/icons/social-icons/facebook_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>                                    
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-2"></div>
                                                      <div class="ch-info-back"> <img src="img/icons/social-icons/google_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-3"></div>
                                                      <div class="ch-info-back"> <img src="img/icons/social-icons/twitter02_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                              </ul>
                        </div>
                  </div>
                  <!-- Social Icons Ends --> 
	  	    		</li>
	  	    		<li id="slide-2">
	  	    			<div class="app-content">
	  	    	    		<h3>Available on Appstore</h3>
	  	    	    		<p>Vivamus adipiscing felis sed magna auctor dapibus. Integer fermentum imperdiet elementum. Phasellus non ante sed ligula malesuada volutpat et sit amet nibh. Curabitur tincidunt porta tellus.</p>
	  	    	    		<p id="btn-p"><a id="purchase-btn" href="#">Purchase Now</a></p>
	  	    			</div>
	  	    			<div class="image-wrapper">
		  	    			<img src="img/iphone.png" alt="iphone" />
	  	    			</div>
	  	    		</li>
	  	    		<li id="slide-3">
	  	    			<div class="oneByOne_item">

	  	    				<div class="desrSlide">			            
								<span class="txt1">This Slider Has Tons of Great Features</span>			
								<span class="txt1">iOS Friendly</span>												
								<span class="txt1">and Hyperlinks</span>
							</div>	
	  	    	    		<div class="image-wrapper right s2">                                 	
								<img src="img/repon.png" alt=""/>
							</div>
						</div>	
	  	    		</li>
	  	    		<li id="slide-4">
	  	    			<div class="oneByOne_item">

	  	    				<div class="desrSlide">			            
								<span class="txt1">Use Individual Elements or </span>			
								<span class="txt2">BIG IMAGES</span>												
								<span class="txt3">Lid est laborum dolo rumes fugats untras. Et harums ser quidem sit rerum facilis dolores nemis uns volu taes nemo minima rerums uns.</span>
								
							</div>	
	  	    	    		<div class="image-wrapper right">                                 	
								<img src="img/home7_slide_4.png" alt=""/>
							</div>
						</div>	
	  	    		</li>
		          </ul>
		    </div>
		  </div>
		</div>
	</div>
	<!-- /head-section -->
	<!-- Services-section -->
	<div id="services">
		<div id="navigation">
			<div class="container">
				<ul id="logo">
                	<li class="logoImg"><a href="#"><img src="img/logo.png" width="200" height="40" alt="logoNewwind"/></a> </li>
				</ul>
				<ul id="menu">
					<li><a id="home-link" href="#home">Trang Chủ</a></li>
					<li><a id="services-link" href="#services">Dịch Vụ</a></li>
					<li><a id="works-link" href="#works">Dự Án</a></li>
					<li><a id="news-link" href="#news">Bảng Giá</a></li>
					<li><a id="team-link" href="#team">Giới Thiệu</a></li>
					<li class="right-side"><a id="contact-link" href="#contact">Liên Hệ</a></li>
				</ul>
					<ul id="tinynav">
						<li><a href="#home">New Wind</a></li>
						<li><a href="#services">Dịch Vụ</a></li>
						<li><a href="#works">Dự Án</a></li>
						<li><a href="#news">Bảng Giá</a></li>
						<li><a href="#team">Giới Thiệu</a></li>
						<li><a href="#contact">Liên Lạc</a></li>
					</ul>
                  <a href="#" class="eLanguage"><img src="img/United-Kindom.png" width="16" height="16" alt="eLanguage"/> </a>
                  <a href="#" class="vLanguage"><img src="img/Vietnam.png" width="16" height="16" alt="vLanguage"/></a>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="container">
			<div class="sixteen columns">
                    <h1>Dịch vụ</h1>
                    <h3><span class="smallFont">Mang đến bạn</span> <span class="smallBoldFont">những dịch vụ</span>
                    <br><span class="largeBoldFont">chất lượng</span> <span class="largeFont">tốt nhất,</span>
                    <br><span class="mediumFont">sản phẩm</span><span class="mediumBoldFont"> hoàn hảo.</span> 
                    <br><span class="author">Newwind.vn</span></h3>
                   
                </div>
			<ul class="services">
				<li>
					<div class="service-img"><img src="img/img-ser.jpg" width="270" height="220" alt="img-service" /></div>
					<h4><a href="#">Thiết Kế Website</a></h4>
					<span class="line-title-ser"></span>
					<p>Donec ornare augue sed ante suscipit vitae iaculis tellus cursus. Quisque faucibus, urna sed congue fringilla.</p>
				</li>
				<li class="right-side">
					<div class="service-img"><img src="img/img-ser.jpg" width="270" height="220" alt="img-service" /></div>
					<h4><a href="#">Nhận Diện Thương Hiệu</a></h4>
					<span class="line-title-ser"></span>
					<p>Donec ornare augue sed ante suscipit vitae iaculis tellus cursus. Quisque faucibus, urna sed congue fringilla.</p>
				</li>
				<li>
					<div class="service-img"><img src="img/img-ser.jpg" width="270" height="220" alt="img-service" /></div>
					<h4><a href="#">Digital Marketing</a></h4>
					<span class="line-title-ser"></span>
					<p>Donec ornare augue sed ante suscipit vitae iaculis tellus cursus. Quisque faucibus, urna sed congue fringilla.</p>
				</li>
				<li class="right-side">
					<div class="service-img"><img src="img/img-ser.jpg" width="270" height="220" alt="img-service" /></div>
					<h4><a href="#">Thiết Kế Quảng Cáo</a></h4>
					<span class="line-title-ser"></span>
					<p>Donec ornare augue sed ante suscipit vitae iaculis tellus cursus. Quisque faucibus, urna sed congue fringilla.</p>
				</li>
				<li>
					<div class="service-img"><img src="img/img-ser.jpg" width="270" height="220" alt="img-service" /></div>
					<h4><a href="#">Thiết Kế E-Card</a></h4>
					<span class="line-title-ser"></span>
					<p>Donec ornare augue sed ante suscipit vitae iaculis tellus cursus. Quisque faucibus, urna sed congue fringilla.</p>
				</li>
				<li class="right-side">
					<div class="service-img"><img src="img/img-ser.jpg" width="270" height="220" alt="img-service" /></div>
					<h4><a href="#">Tổ Chức Sự Kiện</a></h4>
					<span class="line-title-ser"></span>
					<p>Donec ornare augue sed ante suscipit vitae iaculis tellus cursus. Quisque faucibus, urna sed congue fringilla.</p>
				</li>
			</ul>
		</div>
	</div>
	<!-- /Services-section -->
	<!-- Works-section -->
	<div id="works" class="works-wrapper">
    	<div class="backgroundWork"></div>
		<div class="container">
			 <div class="sixteen columns">
            	<h1><span>Hình ảnh<br /></span>dự án</h1>
                <h3><span class="smallBoldFont">một vài</span> <span class="smallFont">dự án tiêu biểu.</span>
                <br><span class="mediumBoldFont">Chúng tôi tin tưởng</span> <span class="mediumFont">và thể hiện </span>
                <br><span class="mediumFont">qua những dự án của mình,</span><span class="mediumBoldFont"> lý do tại sao</span>
                <br><span class="largeFont">khách hàng </span> <span class="largeBoldFont">tin tưởng chúng tôi</span>
                <br><span class="mediumFont">và tại sao họ luôn luôn</span><span class="mediumBoldFont"> quay trở lại.</span> 
                </h3>
            </div>
			<ul id="filterOptions">
		    <li class="active"><a href="#" class="all">All</a></li>
		    <li><a href="#" class="Photography">Photography</a></li>
		    <li><a href="#" class="graphicdesign">Graphic Design</a></li>
		    <li><a href="#" class="video">Video</a></li>
		    <li><a href="#" class="wordpress">Wordpress</a></li>
		  </ul>
		  
		  <ul class="ourHolder">
		    <li class="gallery-item" data-id="id-1" data-type="wordpress">
		      <img class="gallery-img" src="img/gallery/1.jpg" alt="img" />
		     <a class="fancybox" href="img/gallery/fs.jpg"><div class="overlay-works">  
		      </div></a>
		    </li>
		    <li class="gallery-item" data-id="id-2" data-type="Photography">
		      <img class="gallery-img" src="img/gallery/2.jpg" alt="img" />
		      <a class="fancybox" href="img/gallery/fs.jpg"><div class="overlay-works">  
		      </div></a>
		    </li>
		    <li class="gallery-item" data-id="id-3" data-type="video">
		      <img class="gallery-img" src="img/gallery/3.jpg" alt="img" />
		     <a class="fancybox" href="img/gallery/fs.jpg"><div class="overlay-works">  
		      </div></a>
		    </li>
		    <li class="gallery-item" data-id="id-4" data-type="graphicdesign">
		      <img class="gallery-img" src="img/gallery/4.jpg" alt="img" />
		     <a class="fancybox" href="img/gallery/fs.jpg"><div class="overlay-works">  
		      </div></a>
		    </li>
		    <li class="gallery-item" data-id="id-5" data-type="graphicdesign">
		      <img class="gallery-img" src="img/gallery/5.jpg" alt="img" />
		     <a class="fancybox" href="img/gallery/fs.jpg"><div class="overlay-works">  
		      </div></a>
		    </li>
		    <li class="gallery-item" data-id="id-6" data-type="Photography">
		      <img class="gallery-img" src="img/gallery/6.jpg" alt="img" />
		     <a class="fancybox" href="img/gallery/fs.jpg"><div class="overlay-works">  
		      </div></a>
		    </li>
		    <li class="gallery-item" data-id="id-7" data-type="video">
		      <img class="gallery-img" src="img/gallery/7.jpg" alt="img" />
		     <a class="fancybox" href="img/gallery/fs.jpg"><div class="overlay-works">  
		      </div></a>
		    </li>
		    <li class="gallery-item" data-id="id-8" data-type="wordpress">
		      <img class="gallery-img" src="img/gallery/8.jpg" alt="img" />
		     <a class="fancybox" href="img/gallery/fs.jpg"><div class="overlay-works">  
		      </div></a>
		    </li>
		    <li class="gallery-item" data-id="id-9" data-type="Photography">
		      <img class="gallery-img" src="img/gallery/9.jpg" alt="img" />
		    <a class="fancybox" href="img/gallery/fs.jpg"><div class="overlay-works">  
		      </div></a>
		    </li>
		  </ul>
		</div>
	</div>
	<!-- /Works-section -->
	<!-- Quote-section -->
	<div class="quote">
		<div class="container">
			<h3>Cras in elit in eros malesuada blandit. Aenean in arcu at sem ullamcorper aliquam et vel massa.</h3>
		</div>
	</div>
	<!-- /Quote-section -->
	<!-- News-section -->
	<div id="news" class="news">
		<div class="container">
			<div class="sixteen columns y">
             	<h1><span>Giá</span><br/>dịch vụ</h1>
                <h3><span class="mediumBoldFont">Chúng tôi có</span> <span class="mediumFont">nhiều gói</span>
                <br><span class="mediumFont">giá khác nhau</span> <span class="mediumBoldFont">dễ dàng</span>
                <br><span class="largeFont">cho quý khách</span> <span class="largeBoldFont">lựa chọn</span>
                <br><span class="mediumFont">dịch vụ</span> <span class="mediumBoldFont">phù hợp.</span> 
                </h3>
            </div>
			<!--timeline -->
			<div id="timeline">
		      <div class="line"></div>
		      <div class="middle">
			        <div class="year twelveth"></div>
			        <div class="node n15 left">
			          <div class="marker"></div>
			          <div class="entry">
			            <div class="bcolor start">
			              <h4>Gói Dịch Vụ:<span>START</span></h4>
			              <h2><span>Đơn Giá:</span>3.500.000<span> vnđ</span> </h2>
			              <div class="bcolor_arrow left_side"></div>
			            </div>
                        <p class="imgPrice"><img src="img/gallery/PRICE.jpg" width="225" height="234" alt="imgPrice"/> </p>
			            <p> Engage marries data driven insights with relevant and easy-to-automate
			              notifications by letting businesses target the right message, at the right
			              time, to the right customers; via emails or push notifications. The
			              flexible targeting... </p>
                            <div class="category">
                                <div class="icon launch"><img src="img/1362935574_button_29.png" width="24" height="24" alt="callforme"/>
                                <img src="img/1362936462_email.png" width="24" height="24" alt="mailforme"/> </div>	
                                 <div class="text"> Chi tiết liên hệ:<span class="callForMe"> 0916899075</span></div>  
                            </div>
			          </div>
			          </div>
			        <div class="node n14 right">
			          <div class="marker"></div>
			          <div class="entry">
			            <div class="bcolor start">
			              <h4>Gói Dịch Vụ:<span>Silver</span></h4>
			              <h2><span>Đơn Giá:</span>5.500.000<span> vnđ</span> </h2>
			              <div class="bcolor_arrow right_side"></div>
			            </div>
			            <p class="imgPrice"><img src="img/gallery/SILVER.jpg" width="225" height="234" alt="imgPrice"/> </p>
			            <p> Engage marries data driven insights with relevant and easy-to-automate
			              notifications by letting businesses target the right message, at the right
			              time, to the right customers; via emails or push notifications. The
			              flexible targeting... </p>
			             <div class="category">
                                <div class="icon launch"><img src="img/1362935574_button_29.png" width="24" height="24" alt="callforme"/>
                                <img src="img/1362936462_email.png" width="24" height="24" alt="mailforme"/> </div>	
                                 <div class="text"> Chi tiết liên hệ:<span class="callForMe"> 0916899075</span></div>  
                            </div>
			          </div>
			          </div>
			        <div class="node n13 left">
			          <div class="marker"></div>
			          <div class="entry">
			            <div class="bcolor start">
			              <h4>Gói Dịch Vụ:<span>Silver Plus</span></h4>
			              <h2><span>Đơn Giá:</span>7.500.000<span> vnđ</span> </h2>
			              <div class="bcolor_arrow left_side"></div>
			            </div>
			            <p class="imgPrice"><img src="img/gallery/SILVER PLUS.jpg" width="225" height="234" alt="imgPrice"/> </p>
			            <p> Engage marries data driven insights with relevant and easy-to-automate
			              notifications by letting businesses target the right message, at the right
			              time, to the right customers; via emails or push notifications. The
			              flexible targeting... </p>
			            <div class="category">
                                <div class="icon launch"><img src="img/1362935574_button_29.png" width="24" height="24" alt="callforme"/>
                                <img src="img/1362936462_email.png" width="24" height="24" alt="mailforme"/> </div>	
                                 <div class="text"> Chi tiết liên hệ:<span class="callForMe"> 0916899075</span></div>  
                            </div>
			          </div>
			          </div>
			        <div class="node n12 right">
			          <div class="marker"></div>
			          <div class="entry">
			            <div class="gcolor start">
			              <h4>Gói Dịch Vụ:<span>Gold</span></h4>
			              <h2><span>Đơn Giá:</span>9.500.000<span> vnđ</span> </h2>
			              <div class="yellow_arrow right_side"></div>
			            </div>
			            <p class="imgPrice"><img src="img/gallery/GOLD.jpg" width="225" height="234" alt="imgPrice"/> </p>
			            <p> Engage marries data driven insights with relevant and easy-to-automate
			              notifications by letting businesses target the right message, at the right
			              time, to the right customers; via emails or push notifications. The
			              flexible targeting... </p>
			             <div class="category">
                                <div class="icon launch"><img src="img/1362935574_button_29.png" width="24" height="24" alt="callforme"/>
                                <img src="img/1362936462_email.png" width="24" height="24" alt="mailforme"/> </div>	
                                 <div class="text"> Chi tiết liên hệ:<span class="callForMe"> 0916899075</span></div>  
                            </div>
			          </div>
			          </div>
			        <div class="node n11 left">
			          <div class="marker"></div>
			          <div class="entry">
			            <div class="gcolor start">
			              <h4>Gói Dịch Vụ:<span>Gold</span></h4>
			              <h2><span>Đơn Giá:</span>13.000.000<span> vnđ</span> </h2>
			              <div class="yellow_arrow"></div>
			            </div>
			            <p class="imgPrice"><img src="img/gallery/GOLD PLUS.jpg" width="225" height="234" alt="imgPrice"/> </p>
			            <p> Engage marries data driven insights with relevant and easy-to-automate
			              notifications by letting businesses target the right message, at the right
			              time, to the right customers; via emails or push notifications. The
			              flexible targeting... </p>
			             <div class="category">
                                <div class="icon launch"><img src="img/1362935574_button_29.png" width="24" height="24" alt="callforme"/>
                                <img src="img/1362936462_email.png" width="24" height="24" alt="mailforme"/> </div>	
                                 <div class="text"> Chi tiết liên hệ:<span class="callForMe"> 0916899075</span></div>  
                            </div>
			          </div>
			          </div>
			        <div class="year eleventh"></div>
			        <div class="node n10 right">
			          <div class="marker"></div>
			          <div class="entry">
			            <div class="pcolor start">
			              <h4>Gói Dịch Vụ:<span>Platinum</span></h4>
			              <h2><span>Đơn Giá:</span>18.000.000<span> vnđ</span> </h2>
			              <div class="orange_arrow right_side"></div>
			            </div>
			            <p class="imgPrice"><img src="img/gallery/PLATINUM.jpg" width="225" height="234" alt="imgPrice"/> </p>
			            <p> Engage marries data driven insights with relevant and easy-to-automate
			              notifications by letting businesses target the right message, at the right
			              time, to the right customers; via emails or push notifications. The
			              flexible targeting... </p>
			             <div class="category">
                                <div class="icon launch"><img src="img/1362935574_button_29.png" width="24" height="24" alt="callforme"/>
                                <img src="img/1362936462_email.png" width="24" height="24" alt="mailforme"/> </div>	
                                 <div class="text"> Chi tiết liên hệ:<span class="callForMe"> 0916899075</span></div>  
                            </div>
			            
			          </div>
			          </div>
			        <div class="node n9 left">
			          <div class="marker"></div>
			          <div class="entry">
			            <div class="pcolor start">
			               <h4>Gói Dịch Vụ:<span>Platinum Plus</span></h4>
			              <h2><span>Đơn Giá:</span>24.000.000<span> vnđ</span> </h2>
			              <div class="orange_arrow"></div>
			            </div>
			            <p class="imgPrice"><img src="img/gallery/PLATINUM PLUS.jpg" width="225" height="234" alt="imgPrice"/> </p>
			            <p> Engage marries data driven insights with relevant and easy-to-automate
			              notifications by letting businesses target the right message, at the right
			              time, to the right customers; via emails or push notifications. The
			              flexible targeting... </p>
			             <div class="category">
                                <div class="icon launch"><img src="img/1362935574_button_29.png" width="24" height="24" alt="callforme"/>
                                <img src="img/1362936462_email.png" width="24" height="24" alt="mailforme"/> </div>	
                                 <div class="text"> Chi tiết liên hệ:<span class="callForMe"> 0916899075</span></div>  
                            </div>
			          </div>
			          </div>
			        <div class="node n8 right">
			          <div class="marker"></div>
			          <div class="entry">
			            <div class="wcolor start">
			              <h4>Gói Dịch Vụ:<span>Diamond</span></h4>
			              <h2><span>Đơn Giá:</span>33.000.000<span> vnđ</span> </h2>
			              <div class="white_arrow right_side"></div>
			            </div>
			             <p class="imgPrice"><img src="img/gallery/DIAMOND.jpg" width="225" height="234" alt="imgPrice"/> </p>
			            <p> Engage marries data driven insights with relevant and easy-to-automate
			              notifications by letting businesses target the right message, at the right
			              time, to the right customers; via emails or push notifications. The
			              flexible targeting... </p>
			             <div class="category">
                                <div class="icon launch"><img src="img/1362935574_button_29.png" width="24" height="24" alt="callforme"/>
                                <img src="img/1362936462_email.png" width="24" height="24" alt="mailforme"/> </div>	
                                 <div class="text"> Chi tiết liên hệ:<span class="callForMe"> 0916899075</span></div>  
                            </div>
			          </div>
			          </div>
			        <div class="node n7 left">
			          <div class="marker"></div>
			          <div class="entry">
			            <div class="wcolor start">
			              <h4>Gói Dịch Vụ:<span>Theo yêu cầu</span></h4>
			              <h2><span>Đơn Giá:</span>Liên hệ </h2>
			              <div class="white_arrow"></div>
			            </div>
			            <p class="imgPrice"><img src="img/gallery/CALL.jpg" width="225" height="234" alt="imgPrice"/> </p>
			            <p> Engage marries data driven insights with relevant and easy-to-automate
			              notifications by letting businesses target the right message, at the right
			              time, to the right customers; via emails or push notifications. The
			              flexible targeting... </p>
			             <div class="category">
                                <div class="icon launch"><img src="img/1362935574_button_29.png" width="24" height="24" alt="callforme"/>
                                <img src="img/1362936462_email.png" width="24" height="24" alt="mailforme"/> </div>	
                                 <div class="text"> Chi tiết liên hệ:<span class="callForMe"> 0916899075</span></div>  
                            </div>
			          </div>
			         </div>
			        <div class="year tenth"></div>
		      </div>
		    </div>
			<!-- End TimeLine -->
			 <div id="investors">
			      <div class="green headline">Dịch vụ khác</div>
			      <div class="cartoons">
			        	<ul id="slider">
							<li><img src="img/slider/01.jpg" alt="" /></li>
							<li><img src="img/slider/02.jpg" alt="" /></li>
							<li><img src="img/slider/03.jpg" alt="" /></li>
							<li><img src="img/slider/04.jpg" alt="" /></li>
							<li><img src="img/slider/05.jpg" alt="" /></li>
						</ul>	
			      </div>
		    </div>
			<!-- End investors -->	
	</div>
	</div>
	<!-- /News-section -->
	<!-- About-section -->
	<div id="team" class="about">
		<div class="container">
			<div class="sixteen columns">
             	<h1><span>Đôi điều</span><br/>về chúng tôi</h1>
                <h3><span class="mediumBoldFont">Chúng tôi đem lại</span> <span class="mediumFont">thành công</span>
                <br><span class="mediumFont">cho các bạn</span> <span class="mediumBoldFont">cũng là</span>
                <br><span class="largeFont">thành công</span> <span class="largeBoldFont">cho chúng tôi.</span>
                </h3>
            </div>
			<img class="about-intro-pic" src="img/about-intro.jpg" width="960" height="496" alt="about-intro-pic"/>
			<div class="line-about-intro"> </div>
			<p>L’Institut « Agriculture, Biodiversité, Environnement, Comportement, Aliment  » (IABECA) fédère l’ensemble des recherches menées au sein du campus universitaire dijonnais dans les domaines de l’aliment, de la biodiversité et de l’agro-environnement. </p>
			<h4>Un site ctualités participatif</h4>
			<p>L’Institut « Agriculture, Biodiversité, Environnement, Comportement, Aliment  » (IABECA) fédère l’ensemble des recherches menées au sein du campus universitaire dijonnais dans les domaines de l’aliment, de la biodiversité et de l’agro-environnement. </p>
			<p>L’Institut « Agriculture, Biodiversité, Environnement, Comportement, Aliment  » (IABECA) fédère l’ensemble des recherches menées au sein du campus universitaire dijonnais dans les domaines de l’aliment, de la biodiversité et de l’agro-environnement. </p>
			<h4>Une vitrine informative</h4>
			<p>L’Institut « Agriculture, Biodiversité, Environnement, Comportement, Aliment  » (IABECA) fédère l’ensemble des recherches menées au sein du campus universitaire dijonnais dans les domaines de l’aliment, de la biodiversité et de l’agro-environnement. </p>
			<h4>Diffusion une newsletter</h4>
			<p>L’Institut « Agriculture, Biodiversité, Environnement, Comportement, Aliment  » (IABECA) fédère l’ensemble des recherches menées au sein du campus universitaire dijonnais dans les domaines de l’aliment, de la biodiversité et de l’agro-environnement. </p>
		</div>
	</div>
	<!-- /About-section -->
	<!-- GoogleMap-section -->
	<div class="gmap">
		<iframe class="gmap-frame" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=new+york&amp;aq=&amp;sll=43.021718,-76.123581&amp;sspn=0.157629,0.308647&amp;ie=UTF8&amp;hq=&amp;hnear=New+York&amp;ll=40.714353,-74.005973&amp;spn=0.020427,0.038581&amp;t=m&amp;z=14&amp;output=embed"></iframe>
	</div>
	<!-- /GoogleMap-section -->
	<!-- Contact-section -->
	<div id="contact" class="contact">
		<div class="container">
			<div class="sixteen columns y">
             	<h1><span>Trang</span><br/>liên hệ</h1>
                <h3><span class="mediumBoldFont y">Những email</span> <span class="mediumFont y">của các bạn</span>
                <br><span class="mediumFont y">sẽ được</span> <span class="mediumBoldFont y">hồi âm nhanh nhất</span>
                <br><span class="largeFont y">đến chúng tôi</span> <span class="largeBoldFont y">hãy liên hệ</span>
                <br><span class="mediumFont y">để có những</span> <span class="mediumBoldFont y">dịch vụ tốt nhất.</span> 
                </h3>
            </div>
			<div class="contact-desc">
				<h4>Donec ut neque feugiat purus fermentum sodales sed eu turpis. Fusce pretium blandit odio id egestas. Maecenas sit amet tellus lacus, ac hendrerit nisl. Quisque sodales fermentum egestas.</h4>
				<p>767 Fifth Ave. 
New York, NY 10153</p>
				<p>+012 345 678 9</p>
				<p><a href="mailto:support@website.com">support@website.com</a></p>
				<div class="social">
					<ul>
						<li class="facebook"><a href="#"></a></li>
						<li class="twitter"><a href="#"></a></li>
						<li class="behance"><a href="#"></a></li>
						<li class="dribbble"><a href="#"></a></li>
						<li class="linkedin"><a href="#"></a></li>
						<li class="clearfix"></li>
					</ul>
				</div>
			</div>
			<div class="contact-form-holder">
				<form method="POST" id="contact-form" name="contact-form">
					 <input type="text" name="name" class="fields" id="name" placeholder="Tên của bạn..." />
					 <input type="text" name="email" class="fields" id="email" placeholder="Email của bạn..."/>
					  <input type="text" name="subject" class="fields" id="subject" placeholder="Tiêu đề email..."/>
					  <textarea name="message" id="message" cols="30" rows="10" placeholder="Tin nhắn của bạn..."></textarea>
					  <input type="submit" id="send-btn" name="send-btn" value="Gửi" />
				</form>
			<div class="success">
					  We'll answer you as soon as possible.
				</div>
		    </div>
		</div>
	</div>
	<!-- /Contact-section -->
	<!-- Footer-section -->
	<div class="footer">
		<div class="container">
			<p id="cp-text">Copyright 2013 <a href="http://newwind.vn">New Wind</a></p>
		</div>
	</div>
	<!-- /Footer-section -->
    <div class="persistentNav">
    	<ul class="leftNav">
        	<li class="messenger"><a href="#">Chat Yahoo<span class="icon"><img src="img/icons/1371664373_Yahoo_alt_1.png" width="32" height="32" /> </span></a></li>
            <li class="skype"><a href="#">Chat Skype<span class="icon"><img src="img/icons/1371664316_skype_square_color.png" width="32" height="32" /> </span></a> </li>
            <li class="call"><a href="#">Hotline: 090 04 88 007<span class="icon"><img src="img/icons/1371664381_Phone.png" width="32" height="32" /> </span></a> </li>
            <li class="mail"><a href="#">Hotline: 090 04 88 007<span class="icon"><img src="img/icons/1371664388_Live_Hotmail_alt.png" width="32" height="32" /> </span></a> </li>
            <li class="facebookSlide"><a href="#"><div class="fb-like" data-href="http://developers.facebook.com/docs/reference/plugins/like" data-send="true" data-width="230" data-show-faces="true" data-font="arial"></div> <span class="icon"><img src="img/icons/1371662450_facebook_square.png" width="32" height="32" /> </span></a> </li>
            <li class="google"><a href="#"><span class="icon"><img src="img/icons/1371664285_google_square.png" width="32" height="32" /> </span></a> </li>
        </ul>        
    </div>
<!-- Javascript -->
	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/tinynav.min.js"></script>
	<script type="text/javascript" src="js/jquery.sticky.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/jquery.animate.js"></script>
	<script type="text/javascript" src="js/jquery.anchorScroll.js"></script>
	<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
	<script type="text/javascript" src="js/jquery.quicksand.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="js/social-icons-modernizr.custom.js"></script>
	<script type="text/javascript" src="js/rhinoslider-1.05.min.js"></script>
		<script type="text/javascript" src="js/mousewheel.js"></script>
		<script type="text/javascript" src="js/custom.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#slider').rhinoslider({
					autoPlay: true
				});
			});
		</script>
    <!--specify size of slider-->
	
</body>
</html>